<%-- 
    Document   : ppl
    Created on : 04-dic-2014, 11:44:59
    Author     : equipo_4
--%>

<%@page import="java.io.OutputStream"%>
<%@page import="java.io.FileOutputStream"%>
<%@page import="RRHH_MODELO.RHH_CATEGORIA_DATO"%>
<%@page import="RRHH_MODELO.RHH_POSTULADO_CONVOCATORIA"%>
<%@page import="RRHH_MODELO.RHH_CONVOCATORIA"%>
<%@page import="RRHH_MODELO.RHH_DATOS"%>
<%@page import="java.util.List"%>
<%@page import="RRHH_MODELO.RHH_PERSONA_DATOS"%>
<%@page import="RRHH_MODELO.RHH_PERSONA"%>
<%@page import="Conexion.Conexion"%>
<%@page import="RRHH_MODELO.RHH_POSTULADO"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>BROKER</title>
        <script src="js/jquery-1.8.2.min.js" type="text/javascript"></script>        
    </head>
    <body>
        <%
            Conexion con = new Conexion();
            RHH_POSTULADO postulado = (RHH_POSTULADO)request.getSession().getAttribute("postulado");
            RHH_PERSONA per = new RHH_PERSONA(con).Buscar(postulado.getID_PERSONA());
            String fotoper = per.getFOTO();
        %>
        <span style="position: fixed; float: right;margin-left: 800px;" onclick="cerrar();">cerrar session</span>
        <header style="display: inline-block; ">
            <form id="formulario" action="perfil_controller" method="POST" enctype="multipart/form-data">
                <span><img alt="FOTO DE PERFIL" onclick="abrirFile(this,-1);" src="<%if(fotoper==null)out.print("img/perfil_defecto.jpg");else out.print("ftp://postulado:oracle123@192.168.0.101/"+per.getCI()+"/"+fotoper);%>" width="150px" height="150px"/></span><br>
                <input type="file" id="file" name="file" onchange="openFile(event);" style="display: none;"/>
                <input type="hidden" name="id" value="<%out.print(per.getID());%>"/>
                <input type="hidden" name="evento"  value="fotoperfil"/>
            </form>
            <form method="POST" enctype="multipart/form-data" id="formulario2">
                <input type="hidden" value="guardar" name="evento"/>
                <span><%out.print("CI:<input type='text' value='"+per.getCI()+"' name='ci' readOnly='true'/>");%></span><br>
                <span><%out.print("Nombre:<input type='text' value='"+per.getPRIMER_NOMBRE()+"' name='nombre1'/>");%></span><br>
                <span><%out.print("Segundo Nombre:<input type='text' value='"+per.getSEGUNDO_NOMBRE()+"' name='nombre2'/>");%></span><br>
                <span><%out.print("Apellido Paterno:<input type='text' value='"+per.getPRIMER_APELLIDO()+"' name='apepat'/>");%></span><br>
                <span><%out.print("Apellido Materno:<input type='text' value='"+per.getSEGUNDO_APELLIDO()+"' name='apemat'/>");%></span><br>
                <span><%out.print("Telefono:<input type='text' value='"+per.getTELEFONO()+"' name='telf'/>");%></span><br>
                <span><%out.print("Email:<input type='text' value='"+per.getEMAIL()+"' name='email'/>");%></span><br>
                <span><%out.print("Curriculum:<a href='ftp://postulado:oracle123@192.168.0.101/"+per.getCI()+"/"+per.getCURRICULUM()+"''>ABRIR</a>");%></span><span>SUBIR:<input type="file" name="curr"/></span><br>
                <%
                    List<RHH_CATEGORIA_DATO> listac = new RHH_CATEGORIA_DATO(con).Todos();

                    for (int j = 0; j < listac.size(); j++) 
                    {                    
                        List<RHH_PERSONA_DATOS> lista = new RHH_PERSONA_DATOS(con).TodosXPERSONA(per.getID(),listac.get(j).getID());                    
                        if(lista.size()>0)
                            out.print("<div>"+listac.get(j).getDESCRIPCION()+"</div>");
                        for (int i = 0; i < lista.size(); i++) 
                        {
                            RHH_DATOS dato = new RHH_DATOS(con).BuscarXid(lista.get(i).getID_DATOS());
                            if(dato.getTIPO()==0)
                            {
                                out.print("<span>"+dato.getDESCRIPCION()+":<input type='text' name='"+dato.getID()+"' value='"+lista.get(i).getDATO()+"'/></span><br>");
                            }
                            else
                            {
                                if(lista.get(i).getDATO().length()>0)
                                {
                                    out.print("<span>"+dato.getDESCRIPCION()+":<img alt='DOCUMENTO' onclick='abrirFile(this,"+dato.getID()+");' src='"+lista.get(i).getDATO()+"' width='100px' height='100px'/><input type='file' id='"+dato.getID()+"' name='"+dato.getID()+"' onchange='openFile2(event);' style='display: none;'/>"+ "<a id='abrir"+dato.getID()+"' href='ftp://postulado:oracle123@192.168.0.101/"+per.getCI()+"/"+lista.get(i).getDATO()+"'> ABRIR</a>     </span><br>");
                                }
                                else
                                    out.print("<span>"+dato.getDESCRIPCION()+":<img alt='DOCUMENTO' onclick='abrirFile(this,"+dato.getID()+");' src=''/><input type='file' id='"+dato.getID()+"' name='"+dato.getID()+"' onchange='openFile2(event);' style='display: none;'/></span><br>");
                            }
                        }
                    }                                 
                %>
                <button onclick="guardar();">GUARDAR</button> 
            </form>
            <button onclick="datos();" id="btda">(+)</button>
            <button onclick="pass();" id="btcon">Cambiar Contraceña</button>            
        </header>
        <div id="passdiv" style="display: none;">
                <h1>CAMBIO DE CONTRACEÑA</h1>
                <input type="password" value="" id="pass" placeholder="CONTRACEÑA"/>
                <input type="password" value="" id="re-pass" placeholder="RE-CONTRACEÑA"/>
                <button onclick="cambiarpass(<%out.print(postulado.getID());%>);">ACPETAR</button>
            </div>
        <div id="datosdiv" style="display: none; display: none">
            <form id="formdata" method="POST" enctype="multipart/form-data">
                <input type="hidden" value="adddatos" name="evento"/>
                <input type="hidden" value="<%out.print(per.getID());%>" name="id"/>
                <%
                for (int j = 0; j < listac.size(); j++) 
                {                    
                    List<RHH_DATOS> lista_vacios = new RHH_DATOS(con).TodosXNotinPERSONA(per.getID(),listac.get(j).getID());
                    if(lista_vacios.size()>0)
                    out.print("<div>"+listac.get(j).getDESCRIPCION()+"</div>");
                    for (int i = 0; i < lista_vacios.size(); i++) 
                    {
                        if(lista_vacios.get(i).getTIPO()==0)
                            out.print("<span>"+lista_vacios.get(i).getDESCRIPCION()+":</span><input type='text' name='"+lista_vacios.get(i).getID()+"' value='' /><br>");
                        else
                            out.print("<span>"+lista_vacios.get(i).getDESCRIPCION()+":<img alt='DOCUMENTO' onclick='abrirFile(this,"+lista_vacios.get(i).getID()+");' src='img/click.png' width='35px' height='15px'/><input type='file' id='"+lista_vacios.get(i).getID()+"' name='"+lista_vacios.get(i).getID()+"' onchange='openFile2(event);' style='display: none;'/></span><br>");
                    }                
                }
                %>
                 <button onclick="adddato();">INSERTAR</button> 
            </form>
        </div>
        <div style="background: red; position: fixed; display: inline-block;">CONVICATORIAS
            <ul>
            <%
                    List<RHH_CONVOCATORIA> lista_conv = new RHH_CONVOCATORIA(con).TodosActivas();
                    for (int i = 0; i < lista_conv.size(); i++) 
                    {
                        if(new RHH_POSTULADO_CONVOCATORIA(con).isExist(postulado.getID(), lista_conv.get(i).getID()))
                            out.print("<li><span>"+lista_conv.get(i).getDESCRIPCION()+"</span><span><input type='checkbox' onclick='postular(this,"+lista_conv.get(i).getID()+","+postulado.getID()+");' checked='checked'/></span></li>");
                        else
                            out.print("<li><span>"+lista_conv.get(i).getDESCRIPCION()+"</span><span><input type='checkbox' onclick='postular(this,"+lista_conv.get(i).getID()+","+postulado.getID()+");'/></span></li>");                            
                    }
            %>
            </ul>
        </div>
        <script type="text/javascript">             
            var imgg;
            var url = "perfil_controller";
            var iddato=0;
            function fotoperfil()
            {
                
               $("#formulario").submit(function(e)
                {
                    var formData = new FormData(this);
                    $.ajax({
                        url: url,
                        type: 'POST',
                        data:  formData,
                        mimeType:"multipart/form-data",
                        contentType: false,
                        cache: false,
                        processData:false,
                        success: function(data, textStatus, jqXHR)
                        {
                        },
                        error: function(jqXHR, textStatus, errorThrown)
                        {
                            
                        }         
                    });
                    e.preventDefault(); //Prevent Default action.
                    e.unbind();
                });                 
            }
            
            function guardar()
            {
                
               $("#formulario2").submit(function(e)
                {
                    var formData = new FormData(this);
                    $.ajax({
                        url: url,
                        type: 'POST',
                        data:  formData,
                        mimeType:"multipart/form-data",
                        contentType: false,
                        cache: false,
                        processData:false,
                        success: function(data, textStatus, jqXHR)
                        {
                            location.reload();
                        },
                        error: function(jqXHR, textStatus, errorThrown)
                        {
                            
                        }         
                    });
                    e.preventDefault(); //Prevent Default action.
                    e.unbind();
                }); 
                $("#formulario2").submit();
            }
            function adddato()
            {
                
               $("#formdata").submit(function(e)
                {
                    var formData = new FormData(this);
                    $.ajax({
                        url: url,
                        type: 'POST',
                        data:  formData,
                        mimeType:"multipart/form-data",
                        contentType: false,
                        cache: false,
                        processData:false,
                        success: function(data, textStatus, jqXHR)
                        {
                            location.reload();
                        },
                        error: function(jqXHR, textStatus, errorThrown)
                        {
                            
                        }         
                    });
                    e.preventDefault(); //Prevent Default action.
                    e.unbind();
                }); 
                $("#formdata").submit();
            }
            
            function cerrar()
            {
                window.location.href = "index.jsp";
            }
            function cambiarpass(id)
            {
                var pass = $("#pass").val();
                var pass2 = $("#re-pass").val();
                if(pass==pass2)
                {
                    $.post(url,{evento:"cambiarPass",id:id, pass:pass}, function(resp){
                        $("#passdiv").css("display","none");
                        aler("Su nueva contraceña es "+pass);
                    }); 
                }
                else
                {
                    alert("SUS CONTRACEÑAS NO COINCIDEN");
                }
            }           
            function abrirFile(img, tipos)
            {
                if(tipos==-1)
                {
                    imgg=img;                
                    $("#file").click();
                }
               else
                {
                   imgg=img;             
                   iddato=tipos;
                    $("#"+tipos).click();                    
                    
                }
            }
            function openFile(event) 
            {
                var input = event.target;
                var reader = new FileReader();
                reader.onload = function()
                {
                    var dataURL = reader.result;
                    $(imgg).attr("src",dataURL);
                    fotoperfil();
                }
                reader.readAsDataURL(input.files[0]);
            }
            function openFile2(event) 
            {
                var input = event.target;
                var reader = new FileReader();
                reader.onload = function()
                {
                    var dataURL = reader.result;
                    $(imgg).attr("src",dataURL);                        
                }
                reader.readAsDataURL(input.files[0]);
            }
            function postular(chec,conv,post)
            {
                var cheq = $(chec).attr("checked");
                var tipo = 0;
                
                if(cheq=="checked")
                    tipo=0;
                else
                    tipo=1;
                $.post(url,{evento:"postular",tipo:tipo,conv:conv,post:post},function (response){
                    
                });
            }        
          
            
            var banderadatos = false;            
            
            function datos()
            {
                //$("#imagen").attr( 'src', '' );
                if(banderadatos==false)
                {
                    $("#datosdiv").css("display","inline-block");
                    $("#btda").text("(-)");
                    banderadatos=true;
                }
                else
                {
                    $("#datosdiv").css("display","none");
                    $("#btda").text("(+)");
                    banderadatos=false;
                }               
            }
            var banderapass = false;            
            
            function pass()
            {
                //$("#imagen").attr( 'src', '' );
                if(banderapass==false)
                {
                    $("#passdiv").css("display","inline-block");
                    banderapass=true;
                }
                else
                {
                    $("#passdiv").css("display","none");
                    banderapass=false;
                }               
            }
        </script>
    </body>    
</html>
